<template>
 <div class="wrap"></div>
    <!--头部-->
    <!--内容-->
    <div class="container">
      <keep-alive>
        <router-view></router-view>
      </keep-alive>
    </div>
    <!--底部-->


</template>

<script>

  export default {
    name: 'AppLayout',
    data() {
      return {
        isScroll:false
      }
    },
    components: {},
    methods: {
      onBack() {
        this.$router.push('/index')
      },
      onLink(){
        this.$message('Coming soon')
      },
    },

    mounted(){

      //页面滚动切换头部样式
      var that= this;
      window.onscroll = function() {
        var t =document.documentElement.scrollTop || document.body.scrollTop
        if (t > 40){
          that.isScroll = true;
        }else{
          that.isScroll = false;
        }
      }

    },

    created() {
    },
  }
</script>
<style scoped>
  .container{
    padding: 75px 0 0;
  }
</style>
